<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet"
	href="/jquery-easyui-1.5.2/themes/bootstrap/easyui.css"></link>
<link rel="stylesheet" href="/jquery-easyui-1.5.2/themes/icon.css"></link>
<link rel="stylesheet" href="/css/wholeStyle.css"></link>
<script type="text/javascript" src="/jquery-easyui-1.5.2/jquery.min.js"></script>
<script type="text/javascript"
	src="/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/js/initComponent.js"></script>
<script type="text/javascript" src="/js/publicJs.js"></script>

<style type="text/css">
	.td1{
 		padding:20px; 
	}
	#priceOfTax{
		margin:5px;
	}
</style>

</head>
<body style="margin: 0; padding: 0">
	
	<div id="menu"  style="width:150px;">   
	    <div>新增</div>   
	    <div>修改</div>   
	    <div>删除</div>   
	    <div class="menu-sep"></div>   
	    <div>Exit</div>   
	</div> 
	<div id="insertMenu"  style="width:150px;">   
	    <div>保存</div>   
	    <div>放弃</div>   
	</div>  
	
	<div id="pp"
		style="background: #efefef; border: 1px solid #ccc; height: 30px;"></div>
	
	
	<div class="form-warp">
		<form action="" id="form">
			<div class="form-children">
				<div class="form-item">
							<label for="custNo" class="label-blue">供应商编号：</label> <input class="easyui-textbox"
							id="custNo" />
				</div>
				<div class="form-item">
							<label for="fundsAttribution" >账款归属：</label> <input class="easyui-textbox"
								id="fundsAttribution" />
				</div>
				<div class="form-item">
							<label for="fullName" >供应商全称：</label> <input class="easyui-textbox"
							id="fullName" />
				</div>
				<div class="form-item">
							<label for="classNo" >类别：</label> <input class="easyui-textbox"
							id="classNo" />
				</div>
			</div>
			<div class="form-children">
				<div class="form-item">
							<label for="shortName" >供应商简称：</label> <input class="easyui-textbox"
							id="shortName" />
				</div>
				<div class="form-item">
							<label for="areaName" >地区：</label> <input class="easyui-textbox"
								id="areaName" />
				</div>
				<div class="form-item">
							<label for="engFullName" >英文全称：</label> <input class="easyui-textbox"
							id="engFullName" />
				</div>
				<div class="form-item">
							<label for="engShortName" >英文简称：</label> <input class="easyui-textbox"
							id="engShortName" />
				</div>
			</div>
		</form>	
	</div>

	<div class="grid-warp">
		<div class="easyui-tabs" style="height: 200px; width: '100%';flex:1;">
			<div title="基本资料" style="height: 20px;">
				<table id="">
					<tr>
						<td class="td1">负责人：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">联系人：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">采购人员：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
					</tr>
					<tr>
						<td class="td1">联系电话一：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">联系电话二：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">税务登记号：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
					</tr>
				</table>
			</div>
			<div title="采购信息" style="height: 20px;">
				<div class="form-children">
					<div class="form-item">
								<label for="EarliestTradeDate" >最初采购入库日：</label>  <input class="easyui-datebox" id="EarliestTradeDate"  />
					</div>
					<div class="form-item">
								<label for="firstTradeDate" >最初采购退货日：</label>  <input class="easyui-datebox" id="firstTradeDate"  />
					</div>
					<div class="form-item"></div>
					<div class="form-item"></div>
				</div>
					<div class="form-children">
					<div class="form-item">
								<label for="latelyTradeDate" >最初采购退货日：</label>  <input class="easyui-datebox" id="latelyTradeDate"  />
					</div>
					<div class="form-item">
								<label for="latelyReturnDate" >最近采购入库日：</label>  <input class="easyui-datebox" id="latelyReturnDate"  />
					</div>
					<div class="form-item"></div>
					<div class="form-item"></div>
				</div>
					<div class="form-children">
					<div class="form-item">
								<label for="priceOfTax" >单价是否含税： </label>    <input id="priceOfTax" />
					</div>
					<div class="form-item"></div>
					<div class="form-item"></div>
					<div class="form-item"></div>
				</div>
				
				<!-- 最初采购入库日： <input class="easyui-datebox" id="EarliestTradeDate"  /><br>
				最初采购退货日： <input class="easyui-datebox" id="firstTradeDate"  /><br>
				最近采购入库日： <input class="easyui-datebox" id="latelyTradeDate"  /><br>
				最近采购退货日： <input class="easyui-datebox" id="latelyReturnDate"  /><br>
				单价是否含税：     <input id="priceOfTax" /><br> -->
			</div>
			<div title="付款信息" style="height: 20px;">
				<table id="">
					<tr>
						<td class="td1">剩余额度：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">账款额度：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">期初预付款：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
					</tr>
					<tr>
						<td class="td1">期初应付款：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">期末预付款：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
						<td class="td1">期末应付款：</td>
						<td class="td1">
							 <input class="easyui-textbox" id="engFullName" />
						</td>
					</tr>
				</table>
			</div>
			<div title="地址" style="height: 20px;">
				<table id="address"></table>
			</div>
			<div title="其他" style="height: 20px;">
				<table id=""></table>
			</div>
		</div>
	</div>	
	
<span id="shenhe"></span>	
</body>

<script type="text/javascript">

	$(function(){
		
		initMenu();
		$(".easyui-datebox").datebox("setValue",formatterDate(new Date()));
		
		$("#pp").pagination({
			height : 30,
			layout : [ 'sep' ],
			buttons : [ {
				iconCls : 'icon-my-first',
				handler : function() {
					alert("第一页");
				}
			},{
				iconCls : 'icon-my-prev',
				handler : function() {
				}
			},{
				iconCls : 'icon-my-next',
				handler : function() {
					closeDisabled();
				}
			},{
				iconCls : 'icon-my-last',
				handler : function() {
				}
			},{
				iconCls : 'icon-my-add',
				text : "新增",
				handler : function() {
					var tab=parent.$("#window-tabs").tabs("getSelected");
					changeTabStatus(tab,'新增');
					closeDisabled();
				}
			}, {
				iconCls : 'icon-my-update',
				text : "修改",
				handler : function() {
					alert("修改");
				}
			}, {
				iconCls : 'icon-my-delete',
				text : "删除",
				handler : function() {
					alert("删除");
				}
			}, {
				iconCls : 'icon-my-audit',
				text : "审核",
				handler : function() {
					alert("审核");
					$("#shenhe").hide();
				}
			} ]
		});
		
		$("form").find(".isdisabled").textbox();//先把从始至终为disabled 的控件初始化
		$("form").find(".isdisabled").textbox("disable");//再把他们设为disabled
		openDisabled();
		
		$("#priceOfTax").combobox({
			valueField:"value",
			textField:"text",
			editable:false,
			data:[{
				value:0,
				text:"未税",
				selected:true
			},{
				value:1,
				text:"含税"
			}],
			panelHeight:"auto"
		});
		
		
		$("#address").datagrid({
			fit : true,
			rownumbers : true,
			columns : [ [ {
				field : 'addressNo',
				title : "地址编号",
				width : 100,
				sortable:true
			}, {
				field : 'addressName',
				title : "地址",
				width : 120,
				sortable:true
			}, {
				field : 'zipCode',
				title : "邮政编码",
				width : 120,
				sortable:true
			}, {
				field : 'linkMan',
				title : "联系人",
				width : 100,
				sortable:true
			}, {
				field : 'linkManProf',
				title : "联系人职称",
				width : 100
			}, {
				field : 'phone',
				title : "联系电话",
				width : 100
			}, {
				field : 'faxNo',
				title : "传真号码",
				width : 100
			}, {
				field : 'walkAddr',
				title : "行走路线",
				width : 100
			}, {
				field : 'other',
				title : "备注",
				width : 100
			}] ]
		});
	});

</script>
</html>